<template>
  <div>
    <Header :loginState="'toRegister'" :headerStyle="'light'"></Header>
    <!-- <Reload></Reload> -->
    <!-- SIGN_UP
        ============================================= -->
    <section class="sign-up py-5">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-7 col-md-6">
            <div class="mr-lg-5">
              <img
                src=".././assets/img/signup.jpg"
                class="img-fluid d-block mx-auto"
                alt=""
              />
            </div>
          </div>
          <!--end col-->

          <div class="col-lg-5 col-md-6">
            <div class="card login-page rounded">
              <div class="card-body">
                <h4 class="card-title text-left">登入</h4>
                <form class="login-form mt-4">
                  <div class="row">
                    <!-- <div class="col-lg-12">
                                        <div class="form-group position-relative">
                                            <label>User Name <span class="text-danger">*</span></label>
                                            <i data-feather="key" class="fea icon-sm icons"></i>
                                            <input type="password" class="form-control" placeholder="User Name"
                                                required="">
                                        </div>
                                    </div> -->

                    <div class="col-lg-12">
                      <div class="form-group position-relative">
                        <label
                          >你的邮件 <span class="text-danger">*</span></label
                        >
                        <i data-feather="user" class="fea icon-sm icons"></i>
                        <input
                          type="email"
                          class="form-control"
                          placeholder="电子邮件"
                          name="email"
                          required=""
                        />
                      </div>
                    </div>

                    <div class="col-lg-12">
                      <div class="form-group position-relative">
                        <label>密码 <span class="text-danger">*</span></label>
                        <i data-feather="key" class="fea icon-sm icons"></i>
                        <input
                          type="password"
                          class="form-control"
                          placeholder="密码"
                          required=""
                        />
                      </div>
                    </div>

                    <div class="col-lg-12">
                      <div class="d-flex justify-content-between">
                        <div class="form-group">
                          <div class="custom-control custom-checkbox">
                            <input
                              type="checkbox"
                              class="custom-control-input"
                              id="customCheck1"
                            />
                            <label
                              class="custom-control-label"
                              for="customCheck1"
                              >记住密码</label
                            >
                          </div>
                        </div>
                        <div class="form-group">
                          <div class="custom-control">
                            <label
                              ><a
                                href="re-password-01.html"
                                class="text-dark font-weight-bold"
                                >忘记密码？</a
                              ></label
                            >
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="col-lg-12 mb-0">
                      <button class="btn pill-button btn-block" id="button1">
                        登入
                      </button>
                    </div>

                    <!-- <div class="col-lg-12 mt-4 text-center">
                                        <h6 id="h6">还没有账号？</h6>
                                        <ul class="share-social-icons mt-3 mb-0">

                                            <li><a href="#" class="share-ico ico-facebook"><i
                                                        class="lni-facebook-filled"></i></a></li>
                                            <li><a href="#" class="share-ico ico-twitter"><i
                                                        class="lni-twitter-filled"></i></a></li>
                                            <li><a href="#" class="share-ico ico-google-plus"><i
                                                        class="lni-google-plus"></i></a></li>
                                            <li><a href="#" class="share-ico ico-linkedin"><i
                                                        class="lni-linkedin"></i></a></li>

                                        </ul>
                                        
                                    </div> -->
                    <div class="col-12 text-center">
                      <p class="mb-0 mt-3">
                        <a
                          href="sign-in-01.html"
                          class="text-dark font-weight-bold"
                          >还没有账号？</a
                        >
                      </p>
                    </div>
                  </div>
                </form>
              </div>
            </div>
            <!---->
          </div>
          <!--end col-->
        </div>
        <!--end row-->
      </div>
      <!--end container-->
    </section>
    <!--  END SIGN_UP  -->

    <ReturnTop></ReturnTop>
  </div>
</template>
<script>
import Header from "../components/Header.vue";
import ReturnTop from "../components/ReturnTop.vue";

export default {
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {},
  components: {
    Header,
    ReturnTop,
  },
};
</script>

<style>
</style>
